<template>
    <div class="breadcumb">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/index' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item v-if="brdeadcrumb.data.parentTitle ? true : false" :to="brdeadcrumb.data.parentPath"><a>{{
                brdeadcrumb.data.parentTitle
            }}</a></el-breadcrumb-item>
            <el-breadcrumb-item>{{ brdeadcrumb.data.title }}</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
</template>

<script setup lang="ts">
import { usebrdeadcrumb } from '../stores/breadcrumb'

const brdeadcrumb = usebrdeadcrumb()

</script>

<style scoped lang="scss">
.breadcumb {

    border-bottom: 1px solid #ccc;

    box-sizing: border-box;

    .el-breadcrumb {
        height: 45px;
        line-height: 45px;
        padding-left: 20px;
    }
}
</style>